<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery.linkbutton</title>
<link rel="stylesheet" type="text/css" href="../themes/default/linkbutton.css" />
<link rel="stylesheet" type="text/css" href="../themes/icon.css" />
<style></style>
<script type="text/javascript" src="../jquery-1.10.2.js">
</script>
<script type="text/javascript" src="../src/jquery.parser.js">
</script>
<script type="text/javascript" src="../src/jquery.linkbutton.js">
</script>
</head>

<body>
<a class="l-btn" href="#">
    <span class="l-btn-left l-btn-icon-left">
		<span class="l-btn-text">Add</span>
		<span class="l-btn-icon icon-add">&nbsp;</span>
	</span>
</a>
<a class="l-btn l-btn-plain" href="#">
    <span class="l-btn-left l-btn-icon-left">
		<span class="l-btn-text"> Add </span>
		<span class="l-btn-icon icon-add">&nbsp;</span>
	</span>
</a>
<a class="l-btn" href="#">
    <span class="l-btn-left">
    	<span class="l-btn-text">Text Button</span>
	</span>
</a>
<a class="l-btn l-btn-disabled" href="javascript:void(0)">
    <span class="l-btn-left l-btn-icon-left">
		<span class="l-btn-text l-btn-empty">&nbsp;</span>
		<span class="l-btn-icon icon-cut">&nbsp;</span>
	</span>
</a>
<a class="l-btn l-btn-plain l-btn-disabled l-btn-plain-disabled" href="javascript:void(0)">
    <span class="l-btn-left l-btn-icon-left">
		<span class="l-btn-text l-btn-empty">&nbsp;</span>
		<span class="l-btn-icon icon-cut">&nbsp;</span>
	</span>
</a>

<a href="javascript:void(0)" class="xui-linkbutton" data-options="initDom:true,iconCls:'icon-add'">测试</a>
<script>
	$(function() {
    	$('.xui-linkbutton').linkbutton();
    });
</script>
</body>
</html>